{% extends 'base.html' %}
{% block title %}登录{% endblock %}



{% block main %}
    <main class="container d-flex justify-content-center align-items-center vh-50">
        <div class="col-md-6 col-lg-4">
            <form class="bg-white p-4 rounded shadow" method="post">
                {% csrf_token %}
                <h2 class="text-center mb-4">用户登录</h2>

                <!-- 用户名输入 -->
                <div class="mb-3">
                    <label for="username" class="form-label">用户名</label>
                    <input type="text" class="form-control" id="username" name='username' placeholder="请输入用户名"
                           required>
                </div>

                <!-- 密码输入 -->
                <div class="mb-4">
                    <label for="password" class="form-label">密码</label>
                    <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码"
                           required>
                </div>

                <!-- 记住我复选框 -->
                <div class="mb-3 form-check">
                    <input type="checkbox" class="form-check-input" id="remember" name="remember" value="1">
                    <label class="form-check-label" for="remember">记住我</label>
                </div>

                <!-- 提交按钮 -->
                <button type="submit" class="btn btn-primary w-100">登录</button>


            </form>
        </div>
    </main>
{% endblock %}


</main>